<!DOCTYPE html>
<html lang="en">
<head>
	{% capture title %}{% if page.title %}{{ page.title }} - {% elsif post.title %}{{ post.title }} - {% endif %}{% endcapture %}

	<title>{{ title }}Leaflet - 一个交互式地图 JavaScript 库</title>

	<meta charset="utf-8" />

	{% if title == '' %}
	<meta property="og:title" content="Leaflet — 一个开源并且对移动端友好的交互式地图 JavaScript 库" />
	<meta property="og:description" content="Leaflet 是一个轻量、开源并且对移动端友好的交互式地图 JavaScript 库。" />
	<meta property="og:image" content="{{ root }}docs/images/logo.png" />
	<meta property="og:image:alt" content="Leaflet">
	<meta itemprop="name" content="Leaflet">
	<meta name="keywords" content="leaflet中文文档, leaflet, leaflet中文, leaflet文档" />
	<meta itemprop="description" content="Leaflet 是一个轻量、开源并且对移动端友好的交互式地图 JavaScript 库。">
	<meta itemprop="image" content="{{ root }}docs/images/logo.png">
	{% endif %}

	{% if page.redirect_to %}
	<link rel="canonical" href="{{ page.redirect_to }}"/>
	<meta http-equiv="refresh" content="0;url={{ page.redirect_to }}" />
	{% endif %}

	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	{% capture root %}{% if page.root %}{{ page.root }}{% else %}{{ layout.root }}{% endif %}{% endcapture %}

	<link rel="shortcut icon" type="image/x-icon" href="{{ root }}docs/images/favicon.ico" />

	<link href="https://leafletjs.com/atom.xml" type="application/atom+xml" rel="alternate" title="Leaflet Dev Blog Atom Feed" />

	<link rel="stylesheet" href="{{ root }}docs/css/normalize.css" />
	<link rel="stylesheet" href="{{ root }}docs/css/main.css" />
	{% if page.title == 'Documentation' %}
	<link rel="stylesheet" href="{{ root }}docs/css/reference.css" />
	{% endif %}

	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,700,300' rel='stylesheet' type='text/css'>

	<script src="{{ root }}docs/highlight/highlight.pack.js"></script>
	<link rel="stylesheet" href="{{ root }}docs/highlight/styles/github-gist.css" />

	<!-- Leaflet -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@{{ site.latest_leaflet_version}}/dist/leaflet.css" integrity="{{site.integrity_hash_css}}" crossorigin=""/>
    <script src="https://unpkg.com/leaflet@{{ site.latest_leaflet_version}}/dist/leaflet.js" integrity="{{site.integrity_hash_uglified}}" crossorigin=""></script>

	{% if page.css %}<style>{{ page.css }}</style>{% endif %}

	<script>
		ACCESS_TOKEN = 'pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw';
		MB_ATTR = 'Map data &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, ' +
			'Imagery © <a href="https://www.mapbox.com/">Mapbox</a>';
		MB_URL = 'https://api.mapbox.com/styles/v1/{id}/tiles/{z}/{x}/{y}?access_token=' + ACCESS_TOKEN;
		OSM_URL = 'https://tile.openstreetmap.org/{z}/{x}/{y}.png';
		OSM_ATTRIB = '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors';
	</script>
</head>
<body{% if page.bodyclass %} class="{{ page.bodyclass }}"{% endif %}>

<header>
	<h1><a href="https://leafletjs.com/"><img src="{{ root }}docs/images/logo.png" alt="Leaflet" width="300" /></a></h1>
	<p class="tagline">一个开源并且对移动端友好的<br> 交互式地图 JavaScript 库</p>
</header>

<nav>
	<ul class="nav">
		<li>
			{% if page.title == nil %}
				<span>概况</span>
			{% else %}
				<a href="{{ root }}index.html">概况</a>
			{% endif %}
		</li>
		<li>
			{% if page.title == 'Tutorials' %}
				<span>教程</span>
			{% else %}
				<a href="{{ root }}examples.html"{% if page.tutorial == true %} class="active"{% endif %}>教程</a>
			{% endif %}
		</li>
		<li>
			{% if page.title == 'Documentation' %}
				<span>文档</span>
			{% else %}
				<a href="{{ root }}reference.html">文档</a>
			{% endif %}
		</li>
		<li>
			{% if page.title == 'Download' %}
				<span>下载</span>
			{% else %}
				<a href="{{ root }}download.html">下载</a>
			{% endif %}
		</li>
		<li>
			{% if page.title == 'Plugins' %}
				<span>插件</span>
			{% else %}
				<a href="{{ root }}plugins.html">插件</a>
			{% endif %}
		</li>
		<li>
			{% if page.title == 'Blog' %}
				<span>博客</span>
			{% else %}
				<a href="{{ root }}blog.html"{% if page.post == true %} class="active"{% endif %}>博客</a>
			{% endif %}
		</li>
		<li>
			{% if page.title == 'Honor' %}
			<span>荣誉</span>
			{% else %}
			<a href="{{ root }}honor.html"{% if page.post == true %} class="active"{% endif %}>荣誉</a>
			{% endif %}
		</li>
	</ul>
</nav>

<main>
	<div class="container">
		{{ content }}
	</div>
</main>

<footer class="container">
	<div class="footer">
		<p>&copy; 2010–{{ 'now' | date: "%Y" }} <a href="https://agafonkin.com">Volodymyr Agafonkin</a>. Maps &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors.</p>
	</div>

	<nav class="ext-links">
		<a class="ext-link twitter" href="https://twitter.com/LeafletJS" title="在 X 上关注 LeafletJS"><img alt="在 X 上关注 LeafletJS" src="{{root}}docs/images/x-round.svg" width="46" /></a>
		<a class="ext-link github" href="http://github.com/Leaflet/Leaflet" title="在 GitHub 上查看源代码"><img alt="在 GitHub 上查看源代码" src="{{root}}docs/images/github-round.svg" width="46" /></a>
		<a class="ext-link forum" href="https://stackoverflow.com/questions/tagged/leaflet" title="去 Stack Overflow 寻求帮助"><img alt="去 Stack Overflow 寻求帮助" src="{{root}}docs/images/forum-round.svg" width="46" /></a>
		<a class="ext-link forum" href="https://github.com/NICEXAI/leaflet_zh" title="参与翻译工作"><img alt="参与翻译工作" src="{{root}}docs/images/document.png" width="46" /></a>
	</nav>
</footer>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-7J87DSLSTS"></script>
<script>
	window.dataLayer = window.dataLayer || [];
	function gtag(){dataLayer.push(arguments);}
	gtag('js', new Date());

	gtag('config', 'G-7J87DSLSTS');
</script>

<!-- Google Adsense -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7213305808818536"
		crossorigin="anonymous"></script>

<!-- <script src="{{ root }}dialog/dialog.js"></script> -->
<script src="{{ root }}docs/js/docs.js"></script>
{% if page.title == 'Documentation' %}
<script src="{{ root }}docs/js/reference.js"></script>
{% endif %}
</body>
</html>
